{% extends "configurarFaseLayout.html" %}
{% block subbodyfase %}
<script>
function paginar(pagina){
	window.location.href="modificarRelacion?pagina="+pagina+
			"&iditem="+ document.form.iditem.value+
			"&nroFase="+document.form.nroFase.value+
			"&filtro="+document.form.filtro.value;
}
function enviar() {
	var valor;
	var filtro = document.form.filtro.value;
	if (document.form.check.value != null && document.form.check.checked) {
		valor = document.form.check.value;
	} else {
		for (i = 0; i < document.form.check.length; i++) {
			if (document.form.check[i].checked) {
				valor = document.form.check[i].value;
			}
		}
	}
	if (valor != null) {
			return true;	
	} else {
		alert('Seleccionar un item');
		return false;
	}
}
</script>
<center>
	<div class=titulorojo>MODIFICAR RELACIONES</div>
	<br> <br>
	<form id="form" name="form" action="modificarRelacion" method="post" onSubmit="return enviar();">
		<table>
			<input type="hidden" name="iditem" value="{{ item.iditem }}">
			<input type="hidden" name="nroFase" value="{{ nroFase }}">
			<div class=titulochico>SELECCIONAR UN PADRE/ANCESTRO DE LA RELACION
			</div>
			<div class=titulochico>Nombre: <input name="nombre" type="text" disabled="disabled" value="{{ item.nombre }}"></div>
			<tr>
			<td><input name=filtro size=10 maxlength=40
						value="{{ filtro }}"></td>
			<td><button type="button" onclick="paginar(1)">
				<img src="{{ url_for('static', filename='searching2.png') }}">
			</button></td>
			</tr>
			</table>
<br>
			<div>
			<a {% if cantPaginas !=1  %} href="javascript:paginar({{ primera }})" {% endif %} style="text-decoration:none">[primera</a>/
			<a {% if ant >= 1 %} href="javascript:paginar({{ ant }})" {% endif %} style="text-decoration:none">anterior]</a>
			...
			{% if pagina - 2 >= primera %}
			<a href="javascript:paginar({{ pagina-2 }})" style="text-decoration:none">{{ pagina-2 }}</a>
			{% endif %}
			{% if pagina - 1 >= primera %}
			<a href="javascript:paginar({{ pagina-1 }})" style="text-decoration:none">{{ pagina-1 }}</a>
			{% endif %}
			{{ pagina }}
			{% if pagina + 1 <= ultima %}
			<a href="javascript:paginar({{ pagina+1 }})" style="text-decoration:none">{{ pagina+1 }}</a>
			{% endif %}
			{% if pagina + 2 <= ultima %}
			<a href="javascript:paginar({{ pagina+2 }})" style="text-decoration:none">{{ pagina+2 }}</a>
			{% endif %}
			...
			<a {% if sig <= cantPaginas %} href="javascript:paginar({{ sig }})" {% endif %} style="text-decoration:none">[siguiente</a>/
			<a {% if cantPaginas !=1  %} href="javascript:paginar({{ ultima }})" {% endif %} style="text-decoration:none">ultima]</a>
			
			</div>
		<table border=1 cellpadding=2
			cellspacing=1 width=60% align=center bgcolor=#E5E5E5>
			<tr>
				<th class=titulochico width='10%'>Nombre</th>
				<th class=titulochico width='10%'>Fase</th>
				<th class=titulochico width='30%'>Tipo de relación (sentido)</th>
				<th class=titulochico width='10%'>Marcar</th>
			</tr>
			{% if pagina == 1 %}
			{% for relacion in item.hijos : %}
			<tr>
				<td align=center>{{ relacion.item2.nombre }}</td>
				<td align=center>{{ relacion.item2.fase }}</td>
				<td align=center>Hijo</td>
				<td align=center><input type="radio" name="check" disabled="disabled"
					value="{{ relacion.item2.iditem }}"></td>		
			</tr>
			{% endfor %}
			{% for relacion in item.padres : %}
			<tr>
				<td align=center>{{ relacion.item1.nombre }}</td>
				<td align=center>{{ relacion.item1.fase }}</td>
				<td align=center>Padre</td>
				<td align=center><input type="radio" name="check" disabled="disabled"
					value="{{ relacion.item1.iditem }}"></td>		
			</tr>
			{% endfor %}
			{% endif %}
			
			{% for item2 in lista : %}
			<tr>
				<td align=center>{{ item2.nombre }}</td>
				<td align=center>{{ item2.fase }}</td>
				<td align=center>Ninguna</td>
				<td align=center><input type="radio" name="check"
					value="{{ item2.iditem }}"></td>
			</tr>
			{% endfor %}
		</table>
		<br>
		<table>
		<tr>
				<td></td>
				<td><input name="aceptar" value="Aceptar" type="submit"></td>
				<td></td>
				<td><input name="cancelar" value="Cancelar" type="button"
					onClick="location.href='{{ url_for('modificarItem', iditem=item.iditem, filtro='', idfase=item.fase.idfase) }}'">
				</td>
			</tr>
		</table>
	</form>
</center>
{% endblock %}
